<template>
	<view class='my-config'>
		
		<view class='config-item' @tap='goPathList'>
			<view>账号设置</view>
			<view class='config-mark'> > </view>
		</view>
		
 		<view class='config-item' @tap='goPathList'>
			<view>地址管理</view>
			<view class='config-mark'> > </view>
		</view>
		<view style="margin-bottom: 800rpx;">敬请期待...</view>
<!--		<view class='config-item'>
			<view>地址管理</view>
			<view class='config-mark'> > </view>
		</view>
		<view class='config-item'>
			<view>地址管理</view>
			<view class='config-mark'> > </view>
		</view>
		<view class='config-item'>
			<view>地址管理</view>
			<view class='config-mark'> > </view>
		</view>
		<view class='config-item'>
			<view>地址管理</view>
			<view class='config-mark'> > </view>
		</view>
		<view class='config-item'>
			<view>地址管理</view>
			<view class='config-mark'> > </view>
		</view>
		<view class='config-item'>
			<view>地址管理</view>
			<view class='config-mark'> > </view>
		</view> -->
		
		<view class='my-exit' @tap="outLogin">退出登录</view>
		
	</view>
</template>

<script>
	import {mapMutations} from 'vuex'
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			...mapMutations('user',['loginOut']),
			goPathList(){
				uni.navigateTo({
					url:'../my-path-list/my-path-list'
				})
			},
			outLogin(){
				this.loginOut()
				uni.showToast({
					title:"退出成功"
				})
				uni.reLaunch({
					url:'../../pages/index/index'
				})
			}
		}
	}
</script>

<style scoped>
.config-item{
	display: flex;
	justify-content: space-between;
	padding:20rpx 0 20rpx 20rpx;
	border-bottom: 2rpx solid #CCCCCC;
}
.config-mark{
	padding-right:10rpx;
}
.my-exit{
	background-color: #49BDFB;
	width:100%;
	line-height: 80rpx;
	color:#FFFFFF;
	text-align: center;
}
</style>
